<template>
  <div class="air-content">
    <div class="data">{{ data }}</div>
    <div class="text">{{ text }}</div>
  </div>
</template>

<script setup>
const props = defineProps({
  data: {
    type: String,
  },
  text: {
    type: String,
  },
});
</script>

<style lang="less" scoped>
.air-content {
  margin: 6px 0;
  height: 50px;
  text-align: center;
  .data {
    font-size: 18px;
    font-weight: 500;
  }
  .text {
    margin-top: 5px;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.5);
  }
}
</style>